import { createApp } from 'vue'
import App from './App.vue'
import router from './router/index'

import UndrawUi from 'undraw-ui'
import 'undraw-ui/dist/style.css'
import { createPinia } from 'pinia'
import SvgIcon from '../src/components/SvgIcon.vue'
import MyButton from '../src/components/myButton.vue'
import MyTag from '../src/components/myTag.vue'
import articleCard from '../src/components/articleCard.vue'
import myTopicCard from '../src/components/myTopicCard.vue'
import myAvatar from '../src/components/myAvatar.vue'
import noticeBar from '../src/components/noticeBar.vue'
import '../src/assets/iconfont/iconfont.js';
const app = createApp(App)

app.config.globalProperties.$imgServer = 'http://127.0.0.1:7001/public'
app.config.globalProperties.$server = 'http://127.0.0.1:7001'

app.use(router)
app.use(createPinia())
app.use(UndrawUi)
app.mount('#app')

app.component('SvgIcon', SvgIcon);
app.component('MyButton', MyButton);
app.component('MyTag', MyTag);
app.component('articleCard', articleCard);
app.component('myTopicCard', myTopicCard);
app.component('myAvatar', myAvatar);
app.component('noticeBar', noticeBar);